<%@ page contentType="text/html;charset=UTF-8" language="java" %><%@ include file="include/taglib.jsp"%><!DOCTYPE html>
<!--[if IE 8]> <html lang="en" class="ie8"> <![endif]-->
<!--[if IE 9]> <html lang="en" class="ie9"> <![endif]-->
<!--[if !IE]><!--> <html lang="en"> <!--<![endif]-->
<!-- BEGIN HEAD -->
<head>
	<meta charset="utf-8" />
	<title>概览</title>
	<meta content="width=device-width, initial-scale=1.0" name="viewport" />
	<meta content="" name="description" />
	<meta content="" name="author" />
	<!-- BEGIN GLOBAL MANDATORY STYLES -->	
	<!-- END GLOBAL MANDATORY STYLES -->

</head>
<!-- END HEAD -->
<!-- BEGIN BODY -->
<body class="page-header-fixed">
			<div class="container-fluid">

				<div class="row-fluid">
					<div class="span12">
						
						<div class="portlet box red">
							<div class="portlet-title">
								<div class="caption"><i class="icon-reorder"></i>产品七天购买曲线图</div>
								<div class="tools">
									<!-- <a href="javascript:;" class="collapse"></a>
									<a href="#portlet-config" data-toggle="modal" class="config"></a> -->
									<a href="javascript:;" class="reload"></a>
									<a href="javascript:;" class="remove"></a>
								</div>
							</div>
							<div class="portlet-body">
								<div id="chart_2" class="chart"></div>
							</div>
						</div>
						<!-- END INTERACTIVE CHART PORTLET-->                 
					</div>
				</div>

				<div class="row-fluid">
					<div class="span6">					<div class="portlet box blue">							<div class="portlet-title">								<div class="caption"><i class="icon-reorder"></i>客户统计</div>								<div class="tools">									<a href="javascript:;" class="reload"></a>								</div>							</div>							<div class="portlet-body">								<div id="pie_chart_8" class="chart"></div>							</div>						</div>					</div>					<div class="span6">						<div class="portlet box purple">							<div class="portlet-title">								<div class="caption"><i class="icon-reorder"></i>产品统计</div>								<div class="tools">									<a href="javascript:;" class="reload"></a>								</div>							</div>							<div class="portlet-body">								<div id="pie_chart_9" class="chart"></div>							</div>						</div>							
					</div>
					
				</div>

			</div>

	</div>

	<script src="${ctx}/resources/media/js/jquery.flot.js"></script>
	<script src="${ctx}/resources/media/js/jquery.flot.resize.js"></script>
	<script src="${ctx}/resources/media/js/jquery.flot.pie.js"></script>
	<script src="${ctx}/resources/media/js/jquery.flot.stack.js"></script>
	<script src="${ctx}/resources/media/js/jquery.flot.crosshair.js"></script>
	<script src="${ctx}/resources/media/js/app.js"></script>
	<script src="${ctx}/resources/media/js/charts.js"></script>      
	<script>
		jQuery(document).ready(function() {       		   // initiate layout and plugins		   	var productData = [];		  	var customerData = [];		  	var meiliData = [];		  	var xiaodouData= [];		  	var dataList = new Array();		  	var productName;		  	var i = 0;		  	var j = 0;		  	 <c:forEach items="${meiliLists}" var="meiliList" varStatus="loopStatus">				var tmp = new Array(9999999-i,"${meiliList.count}");					  				meiliData.push(tmp);				dataList[i]="${meiliList.term}";				i++;		   	</c:forEach> 			    			<c:forEach items="${xiaodouLists}" var="xiaodouList" varStatus="loopStatus">				var tmp = new Array(9999999-j,"${xiaodouList.count}");					  			   	xiaodouData.push(tmp);			   	j++;			 </c:forEach>						    				    			<c:forEach items="${investLists}" var="investList" varStatus="loopStatus">				    if("${investList.type}" == "1")				    	productName = "美丽理财";				    if("${investList.type}" == "2")				    	productName = "小豆理财";				    customerData["${loopStatus.index}"] = {          								label:productName,		                data:"${investList.count}"		            }			</c:forEach> 			 			<c:forEach items="${financingLists}" var="financingList" varStatus="loopStatus">				    if("${financingList.type}" == "1")				    	productName = "美丽理财";				    if("${financingList.type}" == "2")				    	productName = "小豆理财";				    productData["${loopStatus.index}"] = {          								label:productName,		                data:"${financingList.count}"		            }			</c:forEach> 	    
		   Charts.init();
		   Charts.initCharts(meiliData,xiaodouData,dataList);
		   Charts.initPieCharts(customerData,productData,3);		   		   $("#chart_2 div.flot-tick-label.tickLabel").each(function(){				if($(this).text()==9999999) {					$(this).text("${meiliLists[0].deposit}"+"月"+"${meiliLists[0].term}"+"日");				}				if($(this).text()==9999998) {					$(this).text("${meiliLists[1].deposit}"+"月"+"${meiliLists[1].term}"+"日");				}				if($(this).text()==9999997) {					$(this).text("${meiliLists[2].deposit}"+"月"+"${meiliLists[2].term}"+"日");				}				if($(this).text()==9999996) {					$(this).text("${meiliLists[3].deposit}"+"月"+"${meiliLists[3].term}"+"日");				}				if($(this).text()==9999995) {					$(this).text("${meiliLists[4].deposit}"+"月"+"${meiliLists[4].term}"+"日");				}				if($(this).text()==9999994) {					$(this).text("${meiliLists[5].deposit}"+"月"+"${meiliLists[5].term}"+"日");				}				if($(this).text()==9999993) {					$(this).text("${meiliLists[6].deposit}"+"月"+"${meiliLists[6].term}"+"日");				}			});		   		   $(window).resize(function(){			   window.navigate(location);			});		});		
	</script>
	<!-- END PAGE LEVEL SCRIPTS -->
</body>
<!-- END BODY -->
</html>